<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>我的生活</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
</head>
<body>
<div class="page-group">
    <div class="page page-current" id="login">
        <header class="bar bar-nav">
            <h1 class="title title-bg">登录</h1>
        </header>
        <div class="content">
            <div class="buttons-tab dbuttons-tab">
                <a href="#tab1" class="tab-link button">密码登录<i class="sanj"></i></a>
                <span class="borderR"></span>
                <a href="#tab2" class="tab-link active button">验证码登录<i class="sanj"></i></a>
            </div>
            <div class="content-block">
                <div class="tabs">
                    <div id="tab1" class="tab">
                        <div class="content-block">
                            <form action="/app/login.htm" method="post" id="login_pw" onsubmit="false">
                                <div class="content mt15h">
                                    <div class="list-block dlist-block">
                                        <ul>
                                            <li>
                                                <div class="item-content">
                                                    <div class="item-media"><i class="icon icon-form-name"></i>
                                                    </div>
                                                    <div class="item-inner">
                                                        <div class="item-title label">手机号</div>
                                                        <div class="item-input">
                                                            <input type="text" placeholder="请输入手机号" maxlength="11"
                                                                   class="required" name="tel"></div>
                                                    </div>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="item-content">
                                                    <div class="item-media"><i class="icon icon-form-name"></i>
                                                    </div>
                                                    <div class="item-inner">
                                                        <div class="item-title label">密码</div>
                                                        <div class="item-input rel">
                                                            <input type="password" placeholder="请输入密码"
                                                                   class="pw required" name="password">
                                                            <input type="text" placeholder="请输入密码"
                                                                   class="textP required" style="display: none"
                                                                   name="password">
                                                            <i class="eyes eyes-hide"></i>
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                        </ul>
                                        <span class="error-tip"></span>
                                    </div>
                                    <div class="content-block">
                                        <div class="row">
                                            <div class="col-100">
                                                <button class="button button-big button-fill button-success red-btn"
                                                        type="submit" style="width: 100%">登录
                                                </button>
                                            </div>
                                            <div class="col-100 tar mt5h"><a href="#forgetPW" class="c9 fs65">忘记密码？</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div id="tab2" class="tab active">
                        <div class="content-block">
                            <form action="/app/verifySmsCode.htm" method="post" id="login_yzm" onsubmit="false">
                                <input type="hidden" value="login" name="business">
                                <div class="content mt15h">
                                    <div class="list-block dlist-block">
                                        <ul>
                                            <li>
                                                <div class="item-content rel">
                                                    <div class="item-media"><i class="icon icon-form-name"></i>
                                                    </div>
                                                    <div class="item-inner">
                                                        <div class="item-title label">手机号</div>
                                                        <div class="item-input">
                                                            <input type="text" placeholder="请输入手机号" maxlength="11"
                                                                   class="required" name="mobile" style="width: 65%;">
                                                            <a href="javascript:void(0);" data-business="login" url="/app/sendSmsCode.htm" class="yzm-btn getcode">获取验证码</a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="item-content">
                                                    <div class="item-media"><i class="icon icon-form-name"></i>
                                                    </div>
                                                    <div class="item-inner">
                                                        <div class="item-title label">验证码</div>
                                                        <div class="item-input rel">
                                                            <input type="text" placeholder="请先获取验证码" maxlength="6" class="required yzm"
                                                                   name="code">
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                        </ul>
                                        <span class="error-tip"></span>
                                    </div>
                                    <div class="content-block">
                                        <div class="row">
                                            <div class="col-100">
                                                <button class="button button-big button-fill button-success red-btn"
                                                        type="submit" style="width: 100%">登录
                                                </button>
                                            </div>
                                            <div class="col-100 tar mt5h"><a href="#forgetPW" class="c9 fs65">忘记密码？</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="page " id="forgetPW">
        <header class="bar bar-nav">
            <a class="button button-link button-nav pull-left back dback" data-no-cache="true" href="javascript:history.go(-1);">
                <span class="icon icon-left"></span>
                返回
            </a>
            <h1 class="title title-bg">忘记密码</h1>
        </header>
        <form action="/json/verifySmsCode.json" method="post" id="forgetPWForm" onsubmit="false">
            <input type="hidden" value="ForgetLoginPassWord" name="business">
            <div class="content mt1">
                <div class="list-block dlist-block">
                    <ul>
                        <li>
                            <div class="item-content rel">
                                <div class="item-media"><i class="icon icon-form-name"></i>
                                </div>
                                <div class="item-inner">
                                    <div class="item-title label">手机号</div>
                                    <div class="item-input">
                                        <input type="text" placeholder="请输入手机号" maxlength="11" class="required"
                                               name="mobile" style="width: 65%;">
                                        <a href="javascript:void(0);" url="/app/sendSmsCode.htm" data-business="ForgetLoginPassWord" class="yzm-btn getcode">获取验证码</a>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="item-content">
                                <div class="item-media"><i class="icon icon-form-name"></i>
                                </div>
                                <div class="item-inner">
                                    <div class="item-title label">验证码</div>
                                    <div class="item-input rel">
                                        <input type="text" placeholder="请先获取验证码" maxlength="6" class="required" name="code"></div>
                                </div>
                            </div>
                        </li>
                    </ul>
                    <span class="error-tip"></span>
                </div>
                <div class="content-block">
                    <div class="row">
                        <div class="col-100">
                            <button type="submit" style="width: 100%;"
                                    class="button button-big button-fill button-success red-btn">下一步</button>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
    <div class="page " id="changePW">
        <header class="bar bar-nav">
            <a class="button button-link button-nav pull-left back dback" data-no-cache="true" href="javascript:history.go(-1);">
                <span class="icon icon-left"></span>
                返回
            </a>
            <h1 class="title title-bg">修改密码</h1>
        </header>
        <form action="/app/forgetLoginPwdSub.htm" method="post" id="changePWForm" onsubmit="false">
            <div class="content mt1">
                <div class="list-block dlist-block">
                    <div class="content-padded"><span class="c9 fs85">请重新设置密码</span></div>
                    <ul>
                        <li>
                            <div class="item-content">
                                <div class="item-media"> <i class="icon icon-form-name"></i>
                                </div>
                                <div class="item-inner">
                                    <div class="item-title label">新密码</div>
                                    <div class="item-input rel">
                                        <input type="password" placeholder="请点击输入" class="pw required" name="newPassword" aria-required="true">
                                    </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                    <span class="error-tip"></span>
                </div>
                <div class="content-block">
                    <div class="row">
                        <div class="col-100">
                            <button type="submit" class="button button-big button-fill button-success red-btn" style="width: 100%;">提交</button>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>
</body>
</html>